<script setup>
import { ref } from 'vue'

import CameraBoard from './components/CameraBoard/index.vue'
import LocationBoard from './components/LocationBoard/index.vue'
import RegionPie from './components/RegionPie/index.vue'
import RiskScroll from './components/RiskScroll/index.vue'

// 风险预警信息
const riskList = ref([
    {
        xh: '01',
        xTime: '23.06.21',
        content: 'OP01运行中安全门打开',
        status: '1'
    },
    {
        xh: '02',
        xTime: '23.06.21',
        content: 'OP02运行中安全门打开',
        status: '2'
    },
    {
        xh: '03',
        xTime: '23.06.21',
        content: 'OP03运行中安全门打开',
        status: '1'
    },
    {
        xh: '04',
        xTime: '23.06.21',
        content: 'OP04运行中安全门打开',
        status: '1'
    },
    {
        xh: '05',
        xTime: '23.06.21',
        content: 'OP05运行中安全门打开',
        status: '1'
    },
    {
        xh: '06',
        xTime: '23.06.21',
        content: 'OP06运行中安全门打开',
        status: '2'
    },
    {
        xh: '07',
        xTime: '23.06.21',
        content: 'OP07运行中安全门打开',
        status: '1'
    }
])
</script>

<template>
    <div class="com-bottom-board">
        <CameraBoard />
        <LocationBoard />
        <RegionPie />
        <RiskScroll :list="riskList" />
    </div>
</template>

<style scoped lang="scss"></style>
